<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ page language="java" pageEncoding="UTF-8"
	contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<!--<![endif]-->

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="description" content="overview &amp; stats" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- ////////////////////////////////// -->
<!-- //      Stylesheets Files       // -->
<!-- ////////////////////////////////// -->
<link rel="stylesheet" href="/css/base.css" id="camera-css" />
<link rel="stylesheet" href="/css/framework.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/noscript.css" media="screen,all" id="noscript" />
<link rel="stylesheet" href="/css/jquery.gritter.css"/>
<link rel="stylesheet" href="/css/ace.min.css"/>
<link rel="stylesheet" href="/css/font-awesome.min.css"/>
<link rel="stylesheet" href="/css/classroom.css"/>
<!-- ////////////////////////////////// -->
<!-- //     Google Webfont Files     // -->
<!-- ////////////////////////////////// -->


<!-- ////////////////////////////////// -->
<!-- //        Favicon Files         // -->
<!-- ////////////////////////////////// -->
<link rel="shortcut icon" href="/images/favicon.ico" />



<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<!-- header start here -->
	<%@include file="/include/header.jsp"%>
	<!-- header end here -->

	<!-- pagetitle start here -->
	<section id="pagetitle-wrapper">
	<div class="pagetitle-content">
		<h2>课堂</h2>
	</div>
	</section>
	<!-- pagetitle end here -->

	<!-- breadcrumb start here -->
	<section id="breadcrumb-wrapper">
	<div id="breadcrumb-content">
		<ul>
			<li><a href="/index.html">首页</a></li>
			<li><a href="#">保洁课堂</a></li>
		</ul>
	</div>
	</section>
	<!-- breadcrumb end here -->

	<!-- maincontent start here -->
	<section id="content-wrapper">
	<div class="row">
		<div class="eight columns">
			<h4>标签</h4>
			<div class="tag-cloud">
				<c:forEach items="${signList}" var="sign">
				<c:choose>
					<c:when test="${classroomPageList.conditionMap['stSign'] eq sign}">
						<a class="selected" title="Link title" href="javascript:;" onclick="goPage(1,'${sign}')">${sign}</a>
					</c:when>
					<c:otherwise>
						<a title="Link title" href="javascript:;" onclick="goPage(1, '${sign}')">${sign}</a>
					</c:otherwise>
				</c:choose>
				</c:forEach>
			</div>
		</div>
		<div class="four columns">
			<form name="search_form" action="/classroom/classroom_list.asp" method="post">
				<input type="hidden" id="page" name="page" value="${classroomPageList.page }"/>
				<input type="hidden" id="pageSize" name="pageSize" value="${classroomPageList.pageSize }"/>
				<input type="hidden" name="sort" value="${classroomPageList.sort }"/>
				<input type="hidden" id="stSign" name="stSign" value="${classroomPageList.conditionMap['stSign'] }"/>
				<fieldset class="search-fieldset">
					<c:set var="stTitle" value="${classroomPageList.conditionMap['stTitle']}"/>
					<a class="btn btn-sm btn-primary" style="float:right;color:#FFF;border-radius:4px;" onclick="goPage(1)">查询</a>
					<input type="text" name="stTitle" id="search-input" style="float:right;"
						value="${stTitle}" placeholder="按标题搜索"/>
				</fieldset>
			</form>
			<a style="float:right;border-radius:4px;" class="btn btn-sm btn-grey" onclick="clearCondition()">清除</a>
		</div>
	</div>
	<div class="row">
		<div class="twelve columns">
			<div class="divider"></div>
		</div>
	</div>
	<div class="row">
		<div class="twelve columns table-green">
			<table class="table">
				<thead>
					<tr>
						<th>序号</th>
						<th>标签</th>
						<th>标题</th>
						<th>副标题</th>
						<th>日期</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${classroomPageList.dataList }" var="classroom"
						varStatus="single">
						<tr <c:if test="${single.index%2 ne 0}">class="odd"</c:if>>
							<td class="center" style="width: 8%;">${single.index + 1}</td>
							<td class="center" style="width:20%;">${classroom.stTitle }</td>
							<td class="center" style="width:15%;">${classroom.stSubTitle }</td>
							<td class="center" style="width:20%;">${classroom.stSign }</td>
							<td class="center" style="width:20%"><fmt:formatDate value="${classroom.dtCreateTime }" pattern="yyyy-MM-dd" /></td>
							<td class="center" style="width:8%;">查看</td>
						</tr>
					</c:forEach>
				</tbody>
				<tfoot>
					<tr>
						<td colspan="6" class="center">
							共${classroomPageList.total }条
							<input id="firstPage" type="button" value="首页" onclick="goPage(1)" <c:if test="${classroomPageList.page eq 1}">disabled="disabled"</c:if>/>
							<input id="prePage" type="button" value="上页" onclick="goPage(${classroomPageList.page -1})" <c:if test="${classroomPageList.page eq 1}">disabled="disabled"</c:if>/>
							<input id="toPage" type="text" style="width: 42px;color:#565656;border-radius:0px;" maxlength="4" onkeydown="check_submit(event, this)" value="${classroomPageList.page}"/>
							<input id="nextPage" type="button" value="下一页" onclick="goPage(${classroomPageList.page + 1})" <c:if test="${classroomPageList.page eq classroomPageList.pages}">disabled="disabled"</c:if>/>
							<input id="lastPage" type="button" value="尾页" onclick="goPage(${classroomPageList.pages})" <c:if test="${classroomPageList.page eq classroomPageList.pages}">disabled="disabled"</c:if>/>
							共${classroomPageList.pages }页
						</td>
					</tr>
				</tfoot>
			</table>
		</div>
	</div>
	</section>
	<!-- maincontent end here -->
	<!-- footer start here -->
	<%@include file="/include/footer.jsp"%>
	<!-- footer end here -->
</body>
<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script src="/script/jquery.min.js"></script>
<script src="/script/jquery.easing-1.3.min.js"></script>
<script src="/script/tooltip.js"></script>
<script src="/script/dropdown.js"></script>
<script src="/script/tinynav.min.js"></script>
<script src="/script/jquery.fancybox.js?v=2.0.6"></script>
<script src="/script/jquery.fancybox-media.js?v=1.0.3"></script>
<script src="/script/jquery.ui.totop.min.js"></script>
<script src="/script/ddaccordion.js"></script>
<script src="/script/jquery.twitter.js"></script>
<script src="/script/jflickrfeed.min.js"></script>
<script src="/script/faq-functions.js"></script>
<script src="/script/theme-functions.js"></script>
<script src="/script/jquery.gritter.min.js"></script>
<script src="/script/base.js"></script>
<script src="/script/classroom.js"></script>
</body>
</html>